<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>显示当前系统时间</button>
    <div>某个时间</div>
    <p>213123</p>
    <script>
        //当我们点击了按钮，div里面的文字会发生变化
        //1.获取元素    
        var btn = document.querySelector('button')
        var div = document.querySelector('div')
        btn.onclick = function() {
            div.innerText = getDays()
        }

        function getDays() {
            var myDate = new Date();
            var y = myDate.getFullYear();
            var m = (myDate.getMonth() + 1).toString().padStart(2, "0"); // 获取当前的月份 返回值是0~11  0（一月） 到 11（十二月）
            var d = myDate.getDate().toString().padStart(2, "0"); // 返回日期 返回值 1~31之间的一个整数
            var h = myDate.getHours().toString().padStart(2, "0"); // 返回小时  返回值 0~23之间的一个数字
            var f = myDate.getMinutes().toString().padStart(2, "0");
            var s = myDate.getSeconds().toString().padStart(2, "0");
            var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]
            var day = myDate.getDay()
            var str = `${y}-${m}-${d} ${h}:${f}:${s} 今天是${arr[day]}`;
            return str
        }
        var p = document.querySelector('p')
        p.innerText = getDays()
    </script>
</body>

</html>